<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


    <title>印刷订单</title>
</head>
<body>
<div class="page-layout">
    <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
    <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
    <div class="page-body">
        <div class="page-container">
            <div class="page-title">
                <h2>印刷订单</h2>
            </div>
            <!--列表操作区-->
            <div class="list-handle-bar">
                <div class="layui-row">
                    <div class="layui-col-xs8">
                        <div class="layui-form zpform">
                            <div class="layui-form-item">
                                <div class="layui-form-label">筛选</div>
                                <div class="layui-input-inline" style="width: 120px;">
                                    <select name="" id="">
                                        <option>所有格式</option>
                                        <option>贴标</option>
                                        <option>喷码</option>
                                    </select>
                                </div>
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input date-input" id="date" placeholder="订购时间">
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-col-xs4">
                        <div class="layui-form" style="float: right">
                            <div class="input_group">
                                <div style="width: 100px;">
                                    <select name="select5">
                                        <option value="批次编号">批次编号</option>
                                        <option value="标识名称">标识名称</option>
                                        <option value="识别代码">识别代码</option>
                                        <option value="订单编号">订单编号</option>
                                    </select>
                                </div>
                                <input class="layui-input w190" type="text">
                                <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--tab头-->
            <div class="tabhd">
                <a class="tabhd_item active" href="javascript:;">全部</a>
                <a class="tabhd_item" href="javascript:;">已生效</a>
                <a class="tabhd_item" href="javascript:;">生产中</a>
                <a class="tabhd_item" href="javascript:;">已发货</a>
                <a class="tabhd_item" href="javascript:;">已收货</a>
            </div>

            <div class="data-list layui-form">
                <div class="table-border">

                    <div class="table-rowSpan">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>订购时间</th>
                                <th>标识名称</th>
                                <th>数码格式</th>
                                <th>订购数量</th>
                                <th>备注信息</th>
                                <th>识别代码</th>
                                <th>状态</th>
                                <th>数码批次管理</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="bg-gray">
                                <td rowspan="2">YS2018231</td>
                                <td>2018/03/18</td>
                                <td>正健汇康</td>
                                <td>贴标-单标-单码</td>
                                <td>8000套</td>
                                <td>无</td>
                                <td>4115</td>
                                <td>生产中</td>
                                <td>2012311123(未启用)
                                    <div><a href="#" class='text-blue fw600'>去设置</a></div>
                                </td>
                                <td rowspan="2">
                                    <ul class="table_action_group">
                                        <li class="preview"><a href="javascript:openPreview();">预览稿件</a></li>
                                        <li class="track"><a href="javascript:openTrack();">订单跟踪</a></li>
                                    </ul>
                                </td>
                            </tr>
                            <tr class="bg-gray">
                                <td style="display: none;">YS2018231</td>
                                <td>YS2018231</td>
                                <td>正健汇康</td>
                                <td>贴标-套标-双联码</td>
                                <td>8000套</td>
                                <td>无</td>
                                <td>4115</td>
                                <td>生产中</td>
                                <td>2012311123(未启用)
                                    <div><a href="#" class='text-blue fw600'>去设置</a></div>
                                </td>
                                <td rowspan="2" style="display: none;">
                                    <ul class="table_action_group">
                                        <li class="preview"><a href="javascript:;">预览稿件</a></li>
                                        <li class="track"><a href="javascript:;">订单跟踪</a></li>
                                    </ul>
                                </td>
                            </tr>
                            <tr>
                                <td>YS2018231</td>
                                <td>2018/03/18</td>
                                <td>正健汇康</td>
                                <td>贴标-单标-单码</td>
                                <td>8000套</td>
                                <td>无</td>
                                <td>4115</td>
                                <td>生产中</td>
                                <td>2012311123(未启用)
                                    <div><a href="#" class='text-blue fw600'>去设置</a></div>
                                </td>
                                <td></td>
                            </tr>
                            <tr class="bg-gray">
                                <td>YS2018231</td>
                                <td>2018/03/18</td>
                                <td>正健汇康</td>
                                <td>贴标-单标-单码</td>
                                <td>8000套</td>
                                <td>无</td>
                                <td>4115</td>
                                <td>生产中</td>
                                <td>2012311123(未启用)
                                    <div><a href="#" class='text-blue fw600'>去设置</a></div>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>YS2018231</td>
                                <td>2018/03/18</td>
                                <td>正健汇康</td>
                                <td>贴标-单标-单码</td>
                                <td>8000套</td>
                                <td>无</td>
                                <td>4115</td>
                                <td>生产中</td>
                                <td>2012311123(未启用)
                                    <div><a href="#" class='text-blue fw600'>去设置</a></div>
                                </td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table class="layui-hide" id="test"></table>
                </div>
            </div>

        </div>
        <!--分页条 列表页引入-->
        <div class="page-footer">
  <div class="layui-box layui-laypage">
    <a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0"><em>←</em></a>
    <span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span>
    <a href="javascript:;" href="javascript:;" data-page="3">3</a>
    <a href="javascript:;" data-page="4">4</a>
    <a href="javascript:;"  data-page="5">5</a>
    <span class="layui-laypage-spr">…</span>
    <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">尾页</a>
    <a href="javascript:;" class="layui-laypage-next" data-page="2"><em>→</em></a>
  </div>
</div>
    </div>
</div>


<!--订单跟踪 弹框-->
<div class="zp_popup_container" id="trackPopup">
    <div class="bg-black mt0">
        <div class="layui-row">
            <div class="layui-col-xs12"><span class="text-title fs14 fw600">基本信息</span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>生效日期：<span class="fw600">2018-11-11 12::30</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>生产日期：<span class="fw600">2018-11-11 12::30</span></span></div>
        </div>
    </div>
    <div class="bg-black">
        <div class="layui-row">
            <div class="layui-col-xs12"><span class="text-title fs14 fw600">发货信息</span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>发货日期：<span class="fw600">2018-11-11 12::3</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>发货数量：<span class="fw600">21312312312</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>物流公司：<span class="fw600">德邦物流</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>物流单号：<span class="fw600">1231232131231231</span></span></div>
        </div>
    </div>
    <div class="bg-black">
        <div class="layui-row">
            <div class="layui-col-xs12"><span class="text-title fs14 fw600">收货信息</span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>收货日期：<span class="fw600">2018-11-11 12::30</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>收货人：<span class="fw600">21312312312</span></span></div>
        </div>
        <div class="layui-row mt15">
            <div class="layui-col-xs12"><span>验收结果：<span class="fw600 text-main">防伪</span></span></div>
        </div>
    </div>

    <div class="popup-btn"><a class="popbtn0" id="tijiao_btn">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<!--预览稿件 弹框-->
<div class="zp_popup_container" id="previewPopup">
    <div class="layui-row">
        <div class="layui-col-xs6">
            <div class="bg-black mt0" style="min-height: 358px;">
                <div class="layui-row">
                    <div class="layui-col-xs12"><span class="text-title fs14 fw600">基本信息</span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>订单编号：<span class="fw600">SV12732187392137</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>标签名称：<span class="fw600">信仰充值标签</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>密码批次：<span class="fw600">19273621836</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>发行数量：<span class="fw600">信仰充值标签</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>数据用途：<span class="fw600 text-main">防伪</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>标签匹配方式：<span class="fw600 text-main">前匹配</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>数据序列：<span class="fw600">20123123 - 123232131231</span></span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12"><span>数据输出格式：<span class="fw600">暗码-二维码</span></span></div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="bg-black" style="margin: 0 0 10px 10px!important;min-height: 358px;">
                <div class="layui-row">
                    <div class="layui-col-xs12"><span class="text-title fs14 fw600">防伪标签</span></div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs6">
                        <div class="tc">
                            <img src="../assets/images/code_img01.jpg" alt="" style="width: 96px;height: 138px;">
                            <p class="text-title fw600">刮开前</p>
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <div class="tc">
                            <img src="../assets/images/code_img02.jpg" alt="" style="width: 96px;height: 138px;">
                            <p class="text-title fw600">刮开后</p>
                        </div>
                    </div>
                </div>
                <div class="layui-row mt15">
                    <div class="layui-col-xs12">
                        <div class="tc">
                            <img src="../assets/images/code_img03.jpg" alt="" style="width: 220px;height: 156px;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="popup-btn"><a class="popbtn0" id="tijiao_btn1">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script>
    var element = layui.element;
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    var table = layui.table;

    $(".tabhd .tabhd_item").on('click', function () {
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
    });
   // 打开订单跟踪弹框
    function openTrack() {
        layer.open({
            title: '订单跟踪',
            skin: 'zp-popup',
            type: 1,
            content: $('#trackPopup')
        });
    }
    // 打开预览稿件弹框
    function openPreview() {
        layer.open({
            area: '750px',
            title: '预览稿件',
            skin: 'zp-popup',
            type: 1,
            content: $('#previewPopup')
        });
    }

    //日期
    layui.laydate.render({
        elem: '#date',
        range: true
    });
    /*当前导航位置*/
    currNav(3, 2, 0);
</script>

</body>
</html>